.select-common{
    padding:0 6px 0 2px!important;
}
.sod_select,.sod_select * {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}
/* The SoD - Please keep this first three lines intact,otherwise all hell will break looooooose */
.sod_select {
    display:block;
    position:relative;
    width:250px;
    padding:0 6px;
    background:#fff;
    border:1px solid #d4d4d4;
    border-radius:0;
    color:#808080;
    font-size:12px;
    font-weight:normal;
    text-align:left;
    text-transform:none;
    outline:0;
    outline-offset:-2px;
    cursor:default;
    height: 30px;
    line-height:1;
}
/* Up/Down arrows */
.sod_select:before,.sod_select:after {
    content:"";
    position:absolute;
    right:30px;
    top:10px;
    bottom:10px;
    /*border-left:1px solid #e5e5e5;*/
}
/* Down arrow */
.sod_select:after {
    content:url(../images/img89.png);
    right:6px;
    top:6px;
    border-left:none;
    font-size:7px;
}
.sod_select.above:after {
    content:url(../images/img89.png);
}
/* Change the border color on hover,focus and when open */
.sod_select:hover,.sod_select.open,.sod_select.focus {
    background:#ffffff;
    border-color:#d4d4d4;
}
.sod_select.open {
    color:#919191;
}
.sod_select.focus {
    /*box-shadow:inset 0 -1px 2px rgba(0,0,0,.05),0 0 5px rgba(0,0,0,.1);*/
}
/* When the entire SoD is disabled,go crazy! */
.sod_select.disabled {
    border-color:#d4d4d4;
    color:#b2b2b2;
    cursor:not-allowed;
}
.sod_select.disabled:hover {
    background:#fcfcfc;
}
/* The "label",or whatever we should call it. Keep the first three lines for truncating. */
.sod_select .sod_label {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    padding-right:15px;
    line-height:27px;
    margin-top: 1px;
}
.sod_select .sod_prefix {
    /* Use this if you're using a prefix and want to style it */
}
.sod_select .sod_placeholder {
    /* Use this if you're using a placeholder and want to style it */
}
/* Options list wrapper */
.sod_select .sod_list {
    position:absolute;
    top:100%;
    left:0;
    display:none;
    height:auto;
    width:250px;
    margin:0 0 0 -1px;
    border:1px solid #d4d4d4;
    border-radius:0px;
    box-shadow:0 2px 4px rgba(0,0,0,.1);
    background:#ffffff;
    color:#808080;
    font-weight:300;
    z-index:1;
}
/* Shows the option list (don't edit) */
.sod_select.open .sod_list {
    display:block;
}
/* Don't display the options when  */
.sod_select.disabled.open .sod_list {
    display:none;
}
/* When the option list is displayed above the SoD */
.sod_select.above .sod_list {
    top:auto;
    bottom:100%;
    margin:0 0 10px -1px;
    border:1px solid #d4d4d4;
    box-shadow:0 -2px 4px rgba(0,0,0,.1);
}
/* Arrow(s) displayed when the SoD is active,only in this "theme" */
.sod_select .sod_list:after,.sod_select .sod_list:before {
    content:"";
    position:absolute;
    bottom:100%;
    right:-15px;
    border:solid transparent;
    height:0;
    width:0;
    pointer-events:none;
}
.sod_select.above .sod_list:after,.sod_select.above .sod_list:before {
    top:100%;
    bottom:auto;
}
.sod_select .sod_list:after {
    border-color:rgba(255,255,255,0);
    border-bottom-color:#ffffff;
    border-width:6px;
}
.sod_select.above .sod_list:after {
    border-color:rgba(255,255,255,0);
    border-top-color:#ffffff;
}
.sod_select .sod_list:before {
    /*margin-right:-2px;
    border-color:rgba(212,212,212,0);
    border-bottom-color:#d4d4d4;
    border-width:8px;*/
}
.sod_select.above .sod_list:before {
    border-color:rgba(255,255,255,0);
    border-top-color:#d4d4d4;
}
/* Options list container */
.sod_select .sod_list ul {
    overflow-y:auto;
    padding:0 4px;
    margin:4px 0;
    border-radius:3px;
}
/* All the options. Keep the first three lines for truncating... */
.sod_select .sod_list li {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    position:relative;
    padding:8px 10px;
    list-style-type:none;
    border-bottom:1px solid #f7f7f7;
    line-height: 1;
}
/* Remove the bottom border from the last item */
.sod_select .sod_list li:last-child {
    border-bottom:none;
}
/* Optgroups */
.sod_select .sod_list .optgroup,.sod_select .sod_list .optgroup.disabled {
    background:inherit;
    color:#939393;
    font-size:10px;
    font-style:italic;
}
/* Children of an optgroup */
.sod_select .sod_list .groupchild {
    padding-left:20px;
}
/* Disabled option */
.sod_select .sod_list .disabled {
    background:inherit;
    color:#cccccc;
}
/* Hover state for options,also used when a user uses his/hers up/down keys */
.sod_select .sod_list .active {
    background:#126AE4;
    border-radius:0;
    color:#fff;
}
/*Make room for the check mark */
.sod_select .sod_list .selected {
    padding-right:25px;
    font-weight:700;
}
/* Add a .no_highlight class to you SoD to hide the check mark */
.sod_select.no_highlight .sod_list .selected:before {
    display:none;
}
.sod_select .sod_list .link {
    /* If data-link is set on a specific option */
}
.sod_select .sod_list .linkexternal {
    /* If data-link-external is set on a specific option */
}
/* Hide native select */
.sod_select select {
    display:none !important;
}
/* The native select in touch mode. Keep this first line. Sorry,keep everything. */
.sod_select.touch select {
    -webkit-appearance:menulist-button;
    position:absolute;
    top:0;
    left:0;
    display:block !important;
    height:100%;
    width:100%;
    opacity:0;
    z-index:1;
}
.middle{
    width: 150px!important;
}
.init{
    width: 250px!important;
}